<template>
    <div class="header">
        <i class="cubeic-back" @click="back"></i>
        <div class="headerTitle">{{title}}</div>
        <div class="hide"></div>
    </div>
</template>

<script>
    export default {
        name : "index",
        props:{
            title:String
        },
        methods:{
            back(){
                this.$router.go(-1)
            }
        }
    }
</script>

<style scoped lang="stylus">
    .header
        padding 0.40rem
        width 9.20rem
        background-color #F1c809
        display flex
        justify-content space-between
        font-size 0.48rem
        color #fff
        position fixed
        top 0
        left 0
        z-index 999
    .hide
        width 0.47rem
        height 0.47rem
</style>